<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<body>
    <!-- 首页盒子 -->
    <div id="index-box">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide bg1"></div>
                    <div class="swiper-slide bg2"></div>
                    <div class="swiper-slide bg3"></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        <ul class="major">
            <li><p>今日排名</p><span></span></li>
            <li><p>累计打卡 <span></span> 天</p><a>打卡</a></li>
            <li><p>运动数据</p></li>
            <li><p>累积运动徽章</p><span></span><a>枚</a></li>
            <li><p>课程训练</p></li>
            <li><p>户外跑步</p></li>
        </ul>
    </div>
    <!-- 尾部导航 -->
    <footer>
    </footer>
</body>
</html>